.x-treelist-item-leaf
	background: $dark
	color: #fff

.x-treelist-container
	background: $dark
	color: #fff

.x-treelist-row
	background: $dark
	color: #fff

.x-treelist-row-with-icon
	background: $dark
	color: #fff

.x-treelist-item-expandable
	background: $dark
	color: #fff

.x-treelist-item-wrap
	background: $dark
	color: #fff

.x-treelist-item-text
	background: $dark
	color: #fff

.x-treelist-item-icon
	background: $dark
	color: #fff

.x-treelist-row-over
	color: #ff0
	> * >
		.x-treelist-item-text
			color: $blurple
			//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
			transition: color .5s

		.x-treelist-item-icon
			color: $blurple
			//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
			transition: color .5s

		.fa-ceph:before
			background-image: url('/pve2/images/dd_cephblurp.png')
			background-size: 14px 14px
			//If you use compass, instead of the line below you could use + transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)
			transition: background-image .5s



.x-treelist-item-selected > .x-treelist-row
	background-color: $darker

.x-treelist-item-selected > div > div > div
	color: $blurple